import { defineComponent, openBlock, createElementBlock, createElementVNode, normalizeStyle, toDisplayString } from "vue";
var index_vue_vue_type_style_index_0_scoped_true_lang = "";
var _export_sfc = (sfc, props) => {
  const target = sfc.__vccOpts || sfc;
  for (const [key, val] of props) {
    target[key] = val;
  }
  return target;
};
const _hoisted_1 = { class: "status" };
const _sfc_main = /* @__PURE__ */ defineComponent({
  props: {
    color: {
      type: String,
      default: "red"
    },
    name: {
      type: String,
      default: "\u72B6\u6001"
    },
    size: {
      type: Number,
      default: 14
    }
  },
  setup(__props) {
    return (_ctx, _cache) => {
      return openBlock(), createElementBlock("div", _hoisted_1, [
        createElementVNode("span", {
          class: "circular",
          style: normalizeStyle({ backgroundColor: __props.color })
        }, null, 4),
        createElementVNode("span", {
          style: normalizeStyle({ fontSize: `${__props.size}px` })
        }, toDisplayString(__props.name), 5)
      ]);
    };
  }
});
var status = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-20d0ea0b"]]);
var index = {
  install(app) {
    app.component("bs-status", status);
  }
};
export { index as default };
